<!DOCTYPE html>
<html lang="en">

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
  <!-- Basic Page Needs
 ================================================== -->
  <meta charset="utf-8" />
  <title>WEGnologyMS</title>
  <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">-->

  <!--[if lt IE 9]>
  <script src="js/html5.js"></script>
  <![endif]-->

  <link rel="stylesheet" href="css/font-awesome.min.css">
  <!--[if IE 7]>
  <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
  <![endif]-->
  <!-- Le fav and touch icons -->
  <link rel="shortcut icon" href="ico/favicon.ico">


	<link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/main.css" rel="stylesheet">
	<link href="css/jquery.css" rel="stylesheet">
	<link href="css/jquery-colorbox-1.3.9.css" rel="stylesheet">
	<link href="css/ui-lightness/jquery-ui-1.10.1.custom.css" rel="stylesheet">
	
	<script src="js/jquery.js"></script>
	<script src="js/jquery_002.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/jquery.jqdock.js"></script>
	<script src="js/jquery-colorbox-1.3.13.js"></script>
	<script src="js/jquery-ui-1.10.1.custom.js"></script>
	<script src="js/jquery.ui.datepicker-pt-BR.js"></script>
	
	<script type="text/javascript">
	
		$(document).ready(function() {
			$("#organizationSearchZoom").colorbox({iframe:true, innerWidth:500, innerHeight:500});
			$("#processSearchZoom").colorbox({iframe:true, innerWidth:500, innerHeight:500});
			$("#userSearchZoom").colorbox({iframe:true, innerWidth:500, innerHeight:500});
			
		}); //ready()
		
		function closeOrganizationSearchZoom(){			
			$.colorbox.close();
		}
		
		function closeProcessSearchZoom(){			
			$.colorbox.close();
		}
		
		function closeUserSearchZoom(){			
			$.colorbox.close();
		}
		
	</script>

</head>

<body>

	<div class="container-fluid">
	
		<div id="header"></div>
	
		<div class="row-fluid">

			<div class="span12">
				<div class="page-header">
					<h6>
						Pesquisa Avançada
					</h6>
				</div>
				
				<form class="form-horizontal" action="list.html" method="get">
					<fieldset>

						<br>
						<div class="control-group">
							<label class="control-label">Todas as Palavras:</label>
							<div class="controls">
								<input placeholder="" class="input-xlarge " style="width: 400px;"
									type="text">
							</div>
						</div>
						<div class="control-group">
							<label for="focusedInput" class="control-label">Código:</label>
							<div class="controls">
								<input placeholder="" id="focusedInput" style="width: 100px;"
									class="input-xlarge focused " type="text">
							</div>
						</div>
						<div class="control-group">
							<label for="focusedInput" class="control-label">Código Secundário:</label>
							<div class="controls">
								<input placeholder="" id="focusedInput" style="width: 100px;"
									class="input-xlarge focused " type="text">
							</div>
						</div>
						<div class="control-group">
							<label for="textarea" class="control-label">Idioma:</label>
							<div class="controls">
          							<select id="language" name="language">
          								<option value=""></option>
          								<option value="pt">Português</option>
          								<option value="en">Inglês</option>
          								<option value="es">Espanhol</option>
          							</select>
							</div>
						</div>
						<div class="control-group">
							<label for="textarea" class="control-label">Status:</label>
							<div class="controls">
          							<select id="status" name="statu">
          								<option value=""></option>
          								<option value="pt">Em revisão</option>
          								<option value="en">Publicado</option>
          								<option value="es">Cancelado</option>
          							</select>
							</div>
						</div>
						<div class="control-group">
							<label for="textarea" class="control-label">Tipo:</label>
							<div class="controls">
          							<select id="status" name="statu">
          								<option value=""></option>
          								<option value="wegnologyMSInternosModeloGestao">Modelo de Gestão</option>
          								<option value="wegnologyMSInternosManualGestao">Manual de Gestão</option>
          								<option value="wegnologyMSInternosDescricaoAtividade">Descrição da Atividade</option>
          								<option value="wegnologyMSInternosNormaTecnicaOperacional">Norma Técnica Operacional</option>
          								<option value="wegnologyMSInternosNormaTecnicaGeral">Norma Técnica Geral</option>
          								<option value="wegnologyMSInternosNormaTecnicaPadronizacao">Norma Técnica Padronização</option>
          								<option value="wegnologyMSInternosNormaTecnicaMetodoEnsaioInspecao">Norma Técnica de Método de Ensaio e Inspeção</option>
          								<option value="wegnologyMSInternosNormaTecnicaTerminologiaSimbologia">Norma Técnica de Terminologia e Simbologia</option>
          								<option value="wegnologyMSInternosDescricaoProcesso">Descrição do Processo</option>
          								<option value="wegnologyMSInternosManualIndicadores">Manual de Indicadores</option>
          								<option value="wegnologyMSInternosInstrucaoTrabalho">Instrução de Trabalho</option>
          								<option value="wegnologyMSInternosNormaSistemaGestao">Norma de Sistema de Gestão</option>
          								<option value="wegnologyMSInternosNormaTecnicaEspecificacao">Norma Técnica de Especificação</option>
          								<option value="wegnologyMSExternosCliente">Cliente</option>
          								<option value="wegnologyMSExternosFornecedor">Fornecedor</option>
          								<option value="wegnologyMSExternosNormativo">Normativo</option>
          								<option value="wegnologyMSExternosNaoCadastrado">Não Cadastrado</option>
          							</select>
							</div>
						</div>
						
						<div class="control-group">
							<label for="focusedInput" class="control-label">Unidade Organizacional:</label>
							<div class="controls">
								<input type="text" id="unidade" disabled="disabled" style="width: 300px;"/>
								<a id="organizationSearchZoom" title="Selecionar" href="organizationSearchZoom.html"><i class="icon-search" style="font-size:18px;color:gray;"></i></a>
								&nbsp;
								<a title="Remover" href="#"><i class="icon-remove" style="font-size:18px;color:gray;"></i></a>
							</div>
						</div>
						
						<div class="control-group">
							<label for="focusedInput" class="control-label">Processo de Negócio:</label>
							<div class="controls">
								<input type="text" id="processo" disabled="disabled" style="width: 300px;"/>
								<a id="processSearchZoom" title="Selecionar" href="processSearchZoom.html"><i class="icon-search" style="font-size:18px;color:gray;"></i></a>
								&nbsp;
								<a title="Remover" href="#"><i class="icon-remove" style="font-size:18px;color:gray;"></i></a>
							</div>
						</div>
						
						<div class="control-group">
							<label for="focusedInput" class="control-label">Autor:</label>
							<div class="controls">
								<input type="text" id="processo" disabled="disabled" style="width: 300px;"/>
								<a id="userSearchZoom" title="Selecionar" href="userSearchZoom.html"><i class="icon-search" style="font-size:18px;color:gray;"></i></a>
								&nbsp;
								<a title="Remover" href="#"><i class="icon-remove" style="font-size:18px;color:gray;"></i></a>
							</div>
						</div>
						
						<div class="control-group">
							<label for="focusedInput" class="control-label">Data de Modificação:</label>
							<div class="controls">
								<input type="text" id="dataModificacaoDe" style="width: 100px;"/>
								&nbsp;Até&nbsp; 
								<input type="text" id="dataModificacaoAte" style="width: 100px;"/>
							</div>
						</div>

						<div class="span8">
							<button class="btn btn-primary pull-right"
								style="margin-right: 20px;" type="submit">Pesquisar</button>
						</div>
					</fieldset>
				</form>

			</div>

		</div>
		
	</div>
	
	<div id="footer"></div>

	<script>
	
		$('#header').load('header.html');
		$('#footer').load('footer.html');
	
	</script>
	
	<script>
	
		$(function() {
		
			$( "#dataModificacaoDe" ).datepicker({
				
				// TODO modificar de acordo com o idioma
				dateFormat: "dd/mm/yy",
				regional: "pt-BR",
				
				showOn: "button",
				buttonImage: "img/calendar.gif",
				buttonImageOnly: true
			});
			$( "#dataModificacaoAte" ).datepicker({
				
				// TODO modificar de acordo com o idioma
				dateFormat: "dd/mm/yy",
				regional: "pt-BR",
				
				showOn: "button",
				buttonImage: "img/calendar.gif",
				buttonImageOnly: true
			});

		});
		
	</script>

	
	
	
</body>
</html>